﻿/*
 * Bubble Popup Styling
 *
 *  from http://jqueryfordesigners.com/coda-popup-bubbles/
 *
 *  see ToolTips.cs for usage
 */


/* USED BY jquery-tooltip.js */
.popup-bubbleInfo {
    position: relative;
    display: inline;
    
    /*
    top: 150px;
    left: 100px;
    width: 500px;
    */
}

/* USED BY jquery-tooltip.js */    
.popup-trigger 
{
    display: inline;
}
    
/* USED BY jquery-tooltip.js */
.popup {
    position: absolute;
    display: none;
    z-index: 2147483647;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    width: 350px;
    overflow: hidden;
}


.popup table, .popup tbody, .popup tr, .popup td, .popup table.*, .popup tbody.*, .popup tr.*, .popup * {
    margin: 0px;
    padding: 0px;
}

.popup td.topleft, .popup td.topright, .popup td.bottomleft, .popup td.bottomright {
    height: 15px;
    width: 19px;
    margin: 0px;
    padding: 0px !important;
    background-repeat: no-repeat;
    overflow: visible;
}

.popup td.top, .popup td.bottom {
    height: 15px;
    margin: 0px;
    padding: 0px !important;
    overflow: visible;
}

/* visual fixes */
.popup td.bottom, .popup td.bottomleft, .popup.bottomright 
{
    height: 19px;
} 


.popup td.right, .popup td.left {
    width: 19px;
    margin: 0px;
    padding: 0px !important;
    overflow: visible;
}

.popup td.topleft { background-image: url("images/tooltip/bubble-1.png"); }
.popup td.top { background-image: url("images/tooltip/bubble-2.png"); }
.popup td.topright { background-image: url("images/tooltip/bubble-3.png"); }
.popup td.left { background-image: url("images/tooltip/bubble-4.png"); }
.popup td.right { background-image: url("images/tooltip/bubble-5.png"); }
.popup td.bottomleft { background-image: url("images/tooltip/bubble-6.png"); }
.popup td.bottom { background-image: url("images/tooltip/bubble-7.png"); text-align: center;}
.popup td.bottom img { display: block; margin: 0px auto 0 auto; }
.popup td.bottomright { background-image: url("images/tooltip/bubble-8.png"); }

.popup td.popup-contents 
{
    text-align: left;
    font-weight:normal;
    font-size: 12px;
    line-height: 1.2em;
    background-color: #fff;
    color: #666;
    max-width: 312px; 
    overflow: hidden;
    word-wrap: break-word; /* CSS3 */
    /* ie fix */
    width: expression( 312px );
}

.popup a
{
    color: #074974 !important;
}
.popup td.popup-contents a:hover
{
    color: #ff0000;
}
